$(function(){
  function getVoice(text) {
    $.ajax({
      type: 'GET',
      url: 'http://www.liulongbin.top:3006/api/synthesize',
      data: {
        text
      },
      success: function(res) {
        if(res.message !== 'success') {
          return 
        }

        $('audio').attr('src', res.voiceUrl)
      }
    })
  }
  function getMsg(spoken) {
    $.ajax({
      type: 'GET',
      url: 'http://www.liulongbin.top:3006/api/robot',
      data: {
        spoken
      },
      success: function(res) {
        if(res.message !== 'success') {
          return 
        }

        $('.talk_list').append(`<li class="left_word">
          <img src="img/person01.png" /> <span>${res.data.info.text}</span>
        </li>`)

        getVoice(res.data.info.text)
        resetui()
      }
    })
  }

  $('.input_sub').on('click', function() {
    let text = $('.input_txt').val().trim()

    if(text.length <= 0) {
      return $('.input_txt').val('')
    }

    $('.talk_list').append(`<li class="right_word">
      <img src="img/person02.png" /> 
      <span>${text}</span>
    </li>`)
    getMsg(text)
    resetui()
    $('.input_txt').val('')
  })

  $('.input_txt').on('keyup', function (e) {
    if (e.keyCode === 13) {
      $('.input_sub').click()
    }
  })
})